<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutB_1.html"; ?>
<!-- service-con -->
<div class="service-con">

	<h3 class="tit-type1">테이블 1 - 가로형</h3>
	<table cellspacing="0" summary="행정구역 선택, 주민등록번호 확인 조회 " class="tbl-type1 mb20">
		<caption>본인내역납부</caption>
		<colgroup>
			<col style="width:20%;" /><col style="width:auto;" />
		</colgroup>
		<thead>
			<tr>
				<th scope="row" class="first">행정구역</th>
				<td class="first">
					<select title="시 선택">
						<option value="">선택하세요</option>
						<option value="01">서울특별시</option>
						<option value="02" selected="selected">부산광역시</option>
					</select>
					<select title="구 선택">
						<option value="" selected="selected">선택하세요</option>
						<option value="01">중구</option>
						<option value="02">해운대구</option>
					</select>
				</td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th rowspan="2" scope="row">납부구분</th>
				<td>
					<input type="radio" name="payType" id="payType1-0" title="본인내역 납부" checked="checked" />
					<label for="payType1-0">본인내역 납부</label>
					<input type="radio" name="payType" id="payType1-1" title="타인내역납부" />
					<label for="payType1-1">타인내역납부</label>
					<input type="radio" name="payType" id="payType1-2" title="건별납부" />
					<label for="payType1-2">건별납부</label>
				</td>
			</tr>
			<tr>
				<td>주민등록번호 : 701010 - ******</td>
			</tr>
		</tbody>
	</table>
	
	<h3 class="tit-type1">테이블 2 - 세로형</h3>
	<table cellspacing="0" summary="전체계좌의 계좌번호 현재잔액 출금가능액 신규일 만기일 최종거래일 이율 현황" class="tbl-type2 mb20">
		<caption>전체계좌현황</caption>
		<colgroup>
			<col style="width:5%;" /><col style="width:16%;" /><col style="width:16%;" /><col span="5" style="width:11%;" /><col style="width:auto;" />
		</colgroup>
		<thead>
			<tr class="first">
				<th scope="col">선택</th>
				<th scope="col">계좌번호</th>
				<th scope="col">계좌과목</th>
				<th scope="col">현재잔액</th>
				<th scope="col">출금가능액</th>
				<th scope="col">신규일</th>
				<th scope="col">만기일</th>
				<th scope="col">최종거래일</th>
				<th scope="col">이율</th>
			</tr>
		</thead>
		<!-- <tfoot>
			<tr>
				<td colspan="3">합계</td>
				<td class="txt-r">1,000</td>
				<td class="txt-r">10</td>
				<td colspan="4"></td>
			</tr>
		</tfoot> -->
		<tbody>
			<tr>
				<th scope="row" class="first"><input type="checkbox" title="메리트 정기예금, 088-05-02332-1 계좌 선택" name="acheck1" id="acheck-1" /></th>
				<td>088-05-02332-1</td>
				<td class="txt-l">메리트 정기예금</td>
				<td class="txt-r">10,000,000</td>
				<td class="txt-r">0</td>
				<td>2010.09.01</td>
				<td>2011.09.01</td>
				<td></td>
				<td>4.00%</td>
			</tr>
			<tr>
				<th scope="row" class="first"><input type="checkbox" title="메리트 정기예금, 088-05-02332-1 계좌 선택" name="acheck2" id="acheck-2" /></th>
				<td>088-05-02332-1</td>
				<td class="txt-l">메리트 정기예금</td>
				<td class="txt-r">10,000,000</td>
				<td class="txt-r">0</td>
				<td>2010.09.01</td>
				<td>2011.09.01</td>
				<td></td>
				<td>4.00%</td>
			</tr>
			<tr class="last">
				<th scope="row" class="first"><input type="checkbox" title="메리트 정기예금, 088-05-02332-1 계좌 선택" name="acheck3" id="acheck-3" /></th>
				<td>088-05-02332-1</td>
				<td class="txt-l">메리트 정기예금</td>
				<td class="txt-r">10,000,000</td>
				<td class="txt-r">0</td>
				<td>2010.09.01</td>
				<td>2011.09.01</td>
				<td></td>
				<td>4.00%</td>
			</tr>
		</tbody>
	</table>
	
	<h3 class="tit-type1">테이블 2 - 세로복합형</h3>
	<table cellspacing="0" summary="이체금액, 이체일자, 출금통장표시내용 및 수수료, CMS 코드, 입금통장표시내용, 이체정보입력확인 " class="tbl-type2 mb20">
		<caption>이체정보입력확인</caption>
		<colgroup>
			<col style="width:auto;" /><col span="3" style="width:25%;" />
		</colgroup>
		<thead>
			<tr class="first">
				<th scope="col" id="accountOut">출금계좌번호</th>
				<th scope="col" id="transAmount">이체금액</th>
				<th scope="col" id="transDate">이체일자</th>
				<th scope="col" id="markOut">출금통장표시내용</th>
			</tr>
			<tr>
				<th scope="col" id="accountIn">입금계좌번호</th>
				<th scope="col" id="fee">수수료</th>
				<th scope="col" id="codeCMS">CMS코드</th>
				<th scope="col" id="markIn">입금통장표시내용</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td scope="row" class="first" headers="accountOut">000-00-000000-0<br />(예금주 : 홍길동)</td>
				<td class="txt-r" headers="transAmount">000원</td>
				<td headers="transDate">YYYY.MM.DD</td>
				<td headers="markOut">아무개</td>
			</tr>
			<tr>
				<td scope="row" class="first" headers="accountIn">[OO은행] 000-00-0000-0<br />(예금주 : 김부산)</td>
				<td class="txt-r" headers="fee">0원</td>
				<td headers="codeCMS">00000000</td>
				<td headers="markIn">잘받았니</td>
			</tr>
		</tbody>
	</table>
	
	<h3 class="tit-type1">테이블 2 - 복합형</h3>
	<table cellspacing="0" summary="거래일시, 적요, 내역, 입금액, 출금액, 잔액, 거래점, 메모 나의 계좌 정보확인 " class="tbl-type2 mb20">
		<caption>나의 계좌 정보</caption>
		<colgroup>
			<col style="width:15%;" /><col style="width:11%;" /><col style="width:14%;" /><col span="4" style="width:11%;" /><col style="width:auto;" />
		</colgroup>
		<thead>
			<tr class="first">
				<th colspan="8" class="tit" scope="col">나의 계좌 정보</th>
			</tr>
			<tr>
				<th scope="col">거래일시</th>
				<th scope="col">적요</th>
				<th scope="col">내역</th>
				<th scope="col">입금액</th>
				<th scope="col">출금액</th>
				<th scope="col">잔액</th>
				<th scope="col">거래점</th>
				<th scope="col">메모</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td class="first">20130.01.30 12:00</td>
				<td>자동이체</td>
				<td>123123123</td>
				<td class="txt-r">0</td>
				<td class="txt-r">100</td>
				<td class="txt-r">1,000</td>
				<td>강남</td>
				<td>카드납부</td>
			</tr>
			<tr>
				<td class="first" >20130.01.30 12:00</td>
				<td>현금</td>
				<td>이자는 연 20%</td>
				<td class="txt-r">1,000</td>
				<td class="txt-r">0</td>
				<td class="txt-r">1,000</td>
				<td>중부</td>
				<td>처음입금</td>
			</tr>
		</tbody>
	</table>
	
	<h3 class="tit-type1">테이블 3</h3>
	<div class="tb-box">
		<div class="tb-scroll">
			<div class="header"></div>
			<table cellspacing="0" summary="입금은행, 입금계좌번호, 이체금액, 받는분통장표시내용, 예금주명의 입금정보제공" class="tbl-type3 mb20">
				<caption>입금정보 보기/편집</caption>
				<colgroup>
					<col style="width:6%;" /><col style="width:10%" /><col style="width:15%;" /><col style="width:20%;" /><col style="width:auto;" /><col style="width:20%;" /><col style="width:10%;" />
				</colgroup>
				<thead>
					<tr class="first">
						<th scope="col" class="first"><p class="th-inner"><input type="checkbox" title="선택" name="acheck2-1" id="acheck2-1" /></p></th>
						<th scope="col"><p class="th-inner">No</p></th>
						<th scope="col"><p class="th-inner">입금은행</p></th>
						<th scope="col"><p class="th-inner">입금계좌번호</p></th>
						<th scope="col"><p class="th-inner">이체금액</p></th>
						<th scope="col"><p class="th-inner">받는분통장표시내용</p></th>
						<th scope="col"><p class="th-inner">예금주명</p></th>
					</tr>
				</thead>
				<tfoot>
					<tr class="first">
						<td colspan="2"></td>
						<td>총 3건</td>
						<td class="txt-c">합계</td>
						<td class="txt-r">0원</td>
						<td colspan="2"></td>
					</tr>
				</tfoot>
				<tbody>
					<tr class="bg-g">
						<td colspan="7"></td>
					</tr>
					<tr>
						<td><input type="checkbox" title="선택" name="acheck2-2" id="acheck2-2" /></td>
						<td>No</td>
						<td>입금은행</td>
						<td>입금계좌번호</td>
						<td>이체금액</td>
						<td>받는분통장표시내용</td>
						<td>예금주명</td>
					</tr>
					<tr class="bg-g">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="bg-g">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div><!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutB_2.html"; ?>